<template>
    <!-- sign in start -->
    <section class="authentication-form">
      <div class="innerpage-decor">
        <div class="innerpage-circle1"><img :src='"../assets/images/Testimonial2.png"' alt=""></div>
        <div class="innerpage-circle2"><img :src='"../assets/images/Testimonial1.png"' alt=""></div>
      </div>
      <div>
        <h2 class="title text-center"><span> Login</span></h2>
        <p class="text-center"> 欢迎来到紫牛小筑, 请使用您个人邀请账号登录系统</p>
        <div class="card">
          <form class="theme-form">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="Email address" required="required">
            </div>
            <div class="form-group">
              <input :type="showpassword ? 'password' : 'text'" required="" name="login[password]" class="form-control" placeholder="Password">
              <div  v-on:click="showpassword = !showpassword" class="show-hide">
                <span :class="{show:showpassword}"></span>
              </div>
            </div>
            <div class="form-group row">
              <div class="custom-control custom-checkbox col-6">
                <input type="checkbox" class="custom-control-input" id="customControlAutosizing">
                <label class="custom-control-label" for="customControlAutosizing">记住我</label>
              </div>
              <a :href='"/tovo/forget-Password"' class="text-right col-6 theme-link">找回密码</a>
            </div>
            <div class="form-button text-center">
              <button type="submit" class="btn btn-custom btn-lg theme-color">登录</button>
            </div>
            <div class="or-saparator"><span>or</span></div>
            <h6 class="text-center mt-0 mb-3">Sign in with:</h6>
            <div class="form-button text-center social-btns">
              <button type="submit" class="btn btn-custom fb">微信</button>
              <!--<button type="submit" class="btn btn-custom ggl">QQ</button>-->
              <button class="btn btn-custom ggl" target="_blank" href="/tovo/sign-up">去注册</button>
            </div>
          </form>
        </div>
      </div>
      <!--strat color change -->
      <color/>
      <!--end color change-->
    </section>
    <!-- sign in end-->
</template>
<script>
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
export default {
  name: 'Signin',
  data () {
    return {
      showpassword: true
    }
  }
}
</script>
